<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="style.css" rel="stylesheet" type="text/css">
    <title>印象笔记</title>
</head>
<body>
    <div id="bord1" onmouseover="show1()" onmouseout="setTimeout(hide1,1000)">
        <div class="select1" style="font-size:16px ;color:black ">印象笔记
            <div class="b1-11">
                    <a href="https://www.yinxiang.com/product/main/"><img src="./picture/功能介绍.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp功能介绍</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp印象笔记功能概览</span>
                    </div>
            </div>
            <div class="b1-12">
                <a href="https://www.yinxiang.com/dl-win/?"><img src="./picture/免费下载.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp免费下载</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp支持所有设备，随时随地同步</span>
                </div>
            </div>
            <div class="b1-13">
                <a href="https://www.yinxiang.com/pricing/"><img src="./picture/会员权益.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp会员权益</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp选择符合需求的账户类型</span>
                </div>
            </div>
            <div class="b1-14">
                <a href="https://www.yinxiang.com/product/webclipper1/"><img src="./picture/剪藏.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp印象笔记·剪藏</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp一键保存网页</span>
                </div>
            </div>
        </div>
        <div class="select2">更多产品
                <div class="b1-21">
                    <a href="https://www.yinxiang.com/product/scannable/"><img src="./picture/扫描宝.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp扫描宝</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp手机里的扫描仪</span>
                    </div>
                </div>
                <div class="b1-22">
                    <a href="https://www.yinxiang.com/product/evertask/"><img src="./picture/印象时间.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp印象时间</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp专注时间管理，高效规划日程</span>
                    </div>
                </div>
                <div class="b1-23">
                    <a href="https://www.yinxiang.com/product/voicenote/"><img src="./picture/印象录音机.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp印象录音机</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp实时音频转写精确识别</span>
                    </div>
                </div>
                <div class="b1-24">
                    <a href="https://www.yinxiang.com/product/penultimate/"><img src="./picture/墨笔.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp墨笔</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp高校标注图片，轻松添加注释</span>
                    </div>
                </div>
        </div>
        <div class="select3">
                <div class="b1-31">
                    <a href="https://www.yinxiang.com/product/miniapp/"><img src="./picture/印象轻记.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp印象轻记</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp轻松记录，随时保存</span>
                    </div>
                </div>
                <div class="b1-32">
                    <a href="https://static.app.yinxiang.com/evermind/product/login"><img src="./picture/印象图记.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp印象图记</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp在线思维导图工具</span>
                    </div>
                </div>
                <div class="b1-33">
                    <a href="https://www.yinxiang.com/product/miniapp/?idx=1"><img src="./picture/小程序.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp小程序</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp基于微信生态的轻量级小程序</span>
                    </div>
                </div>
        </div>
    </div>
    <div id="bord2" onmouseover="show2()" onmouseout="setTimeout(hide2,1000)">
        <div class="select4" style="font-size:16px ;color:black ">
            <div class="b2-11">
                <a href="https://www.yinxiang.com/product/everhub/"><img src="./picture/识堂.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp识堂</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp知识型内容互动平台</span>
                </div>
            </div>
            <div class="b2-12">
                <a href="https://www.yinxiang.com/product/smarthardware/"><img src="./picture/智能硬件.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp智能硬件</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp支智能书写、抄写、翻译、录音解决方案</span>
                </div>
            </div>
            <div class="b2-13">
                <a href="https://www.yinxiang.com/help/"><img src="./picture/支持帮助.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp帮助支持</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp浏览常见问题或联系客服</span>
                </div>
            </div>
        </div>
        <div class="select5">
            <div class="b2-21">
                <a href="https://www.yinxiang.com/explore/tips/?jet-smart-filters=jet-engine/default&_tax_query_category=68"><img src="./picture/最新动态.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp最新动态</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp了解印象笔记的最新资讯</span>
                </div>
            </div>
            <div class="b2-22">
                <a href="https://www.yinxiang.com/explore/tips/?jet-smart-filters=jet-engine/default&_tax_query_category=69"><img src="./picture/用户故事.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp用户故事</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp汇集印象笔记用户的使用故事</span>
                </div>
            </div>
            <div class="b2-23">
                <a href="https://www.yinxiang.com/explore/tips/?jet-smart-filters=jet-engine/default&_tax_query_category=70"><img src="./picture/使用技巧.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp使用技巧</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp深度了解印象笔记的用法和技巧</span>
                </div>
            </div>
            <div class="b2-24">
                <a href="https://www.yinxiang.com/explore/tips/?jet-smart-filters=jet-engine/default&_tax_query_category=71"><img src="./picture/视频教程.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp视频教程</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp视频讲解印象笔记的使用方法</span>
                </div>
            </div>
        </div>
    </div>
    <div id="bord3" onmouseover="show3()" onmouseout="setTimeout(hide3,1000)">
        <div class="select6" style="font-size:16px ;color:black ">
            <div class="b3-11">
                    <a href="https://www.yinxiang.com/team/home/"><img src="./picture/印象TEAMS.png" style="height:75px ;"></a>
                    <div style="margin: auto auto auto 0;">
                        <span style="font-size:16px ;color:black ">&nbsp&nbsp印象TEAMS</span>
                        <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp一站式企业知识管理平台</span>
                    </div>
            </div>
            <div class="b3-12">
                <a href="https://www.yinxiang.com/team/register-basic/"><img src="./picture/立即使用.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp立即使用</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp快速搭建企业知识库</span>
                </div>
            </div>
        </div>
        <div class="select7">
            <div class="b3-21">
                <a href="https://www.yinxiang.com/team/feature/"><img src="./picture/产品介绍.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp产品介绍</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp了解产品功能与价值</span>
                </div>
            </div>
            <div class="b3-22">
                <a href="https://www.yinxiang.com/team/cases/"><img src="./picture/成功案例.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp成功案例</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp了解印象TEAMS如何为企业提效</span>
                </div>
            </div>
            <div class="b3-23">
                <a href="https://www.yinxiang.com/team/scenario/"><img src="./picture/应用场景.png" style="height:75px ;"></a>
                <div style="margin: auto auto auto 0;">
                    <span style="font-size:16px ;color:black ">&nbsp&nbsp应用场景</span>
                    <span style="font-size:12px ; color:rgb(121, 121, 121); ">&nbsp&nbsp联通人与信息，打造学习型组织</span>
                </div>
            </div>
        </div>
    </div>
    <section id="toppest">
        <div class="t-2">
            <a href="https://www.yinxiang.com/"><img src="./picture/p1.png"></a>
        </div>
        <div class="t-4" onmouseover="show1()" onmouseout="setTimeout(hide1,1000)">产品</div>
        <div class="t-6" onmouseover="show2()" onmouseout="setTimeout(hide2,1000)">探索印象</div>
        <div class="t-8" onmouseover="show3()" onmouseout="setTimeout(hide3,1000)">企业版</div>
        <input class="t-10" value="模板库" type="button" onclick="location='https://www.yinxiang.com/product/super-templates1/'">
        <input type="text" id="t-12" placeholder="搜索...">
        <div id="srcc" onclick="changeSearch()"><img src="./picture/search.jpeg"></div>
        <input class="t-14" type="button" value="注册/登录" onclick="location='https://static.app.yinxiang.com/embedded-web/registration/index.html#/registration'">
        <input class="t-16" type="button" value="下载" onclick="location='https://www.yinxiang.com/dl-win/?'">
    </section>
    <div class="mainbody">
        <div class="m-1"><img src="./picture/首页1.png" class="p3"></div>
        <div class="m-2">
          <div class="m-2-1">
              <div class="m-2-1-2">
                    <span class="r1">
                        <input type="button" class="b1" onclick="location='https://static.app.yinxiang.com/embedded-web/web/wechat-login'" value="微信注册">
                        <input type="button" class="b2" onclick="location='https://static.app.yinxiang.com/embedded-web/registration/index.html#/registration'" value="手机号注册">
                    </span>
                    <span class="r2">或</span>
                    
                    <input class="r3" type="email" placeholder="  邮箱">
                    <input class="r4" type="text" placeholder="  密码">
                    <input class="r5" type="submit" title="免费注册">
                </div>
          </div>
        </div>
        <div class="m-3">
            <span class="m-3-1">
                <p style="font:40px bolder;text-align: center;">使用印象笔记，管理你的第二大脑</p>
                <p style="font-size:20px; color:rgb(121, 121, 121);text-align: center;">随时随地获取、整理、分享笔记，让灵感时刻与你同行</p>
            </span>
            <form class="m-3-2">
                <div class="i-1">
                    <a href="https://www.yinxiang.com/product/feature-sync/"><img src="./picture/p6.png"></a>
                    <p style="font: 22px bold;text-align: center;">多端同步</p>
                    <p style="font-size:15px; color:rgb(121, 121, 121);text-align: center;">随时随地查看和备份信息</p>
                </div>
                <div class="i-2">
                    <a href="https://www.yinxiang.com/product/webclipper1/"><img src="./picture/p7.png"></a>
                    <p style="font: 22px bold;text-align: center;">内容收藏</p>
                    <p style="font-size:15px; color:rgb(121, 121, 121);text-align: center;">一键储存高价值网页和文章</p>
                </div>
                <div class="i-3">
                    <a href="https://www.yinxiang.com/product/main/"><img src="./picture/p8.png"></a>
                    <p style="font: 22px bold;text-align: center;">资料管理</p>
                    <p style="font: size 15px; color:rgb(121, 121, 121);text-align: center;">全面支持Office、PDF等格式</p>
                </div>
                <div class="i-4">
                    <a href="https://www.yinxiang.com/product/feature-share/"><img src="./picture/p9.png"></a>
                    <p style="font: 22px bold;text-align: center;">信息共享</p>
                    <p style="font-size:15px; color:rgb(121, 121, 121);text-align: center;">快捷共享笔记，高效完成协作</p>
                </div>
            </form>
        </div>
    </div>
    </section>
    
</body>
</html>
<script>
    function changeSearch(){
       let item=document.getElementById("t-12");
       if(item.style.display=="none")
         item.style.display="flex";
        // else
        // item.style.display="none"
       else{
            if(item.value=="")
            item.style.display="none";
            else 
            window.location.herf="https://www.yinxiang.com/new/?s="; //无法跳转欸
        }
    }
    
    function show1(){
        let item=document.getElementById("bord1");
        item.style.display="flex";
    }
    function hide1(){
        let item=document.getElementById("bord1");
        item.style.display="none";
    }

    function show2(){
        let item=document.getElementById("bord2");
        item.style.display="flex";
    }
    function hide2(){
        let item=document.getElementById("bord2");
        item.style.display="none";
    }

    function show3(){
        let item=document.getElementById("bord3");
        item.style.display="flex";
    }
    function hide3(){
        let item=document.getElementById("bord3");
        item.style.display="none";
    }
</script>